<script setup>

import router from "@/router";
</script>

<template>
  <h3>验证身份</h3>
  <hr>
  <p>请先确认当前绑定的手机号 181****8858 是否能接收短信，再选择修改方式：</p>
  <div style="width: 90%;margin: 50px auto ;">
    <div class="box">
      <div class="left-box">
        <img src="/imgs/authentication-yes.png" alt="" style="left: 50px;">
        <span class="title">可以接收短信</span>
        <span class="font-small">如果原手机号码能接收短信验证码，请选择此方式</span>
        <el-button type="danger" round size="small" class="right-button" @click="router.push('/personal/authentication_2')">修改手机</el-button>
      </div>
    </div>
    <div class="box">
      <div class="left-box">
        <img src="/imgs/authentication-no.png" alt="" style="left: 50px;margin: 0 auto;">
        <span class="title">无法接收短信</span>
        <span class="font-small">如您遇到问题，请拨打客服热线 0000-0000</span>
      </div>
    </div>
  </div>
</template>

<style scoped>
.box{
  border-bottom: 1px solid #f5f2f2;
  padding: 30px 25px;
  overflow: hidden;
}
.left-box{
  width: 100%;
}
.right-button{
  float: right;
  margin: 0 auto; /* 使用 margin 属性实现水平居中 */
  line-height: 40px;
}
.font-small {
  color: #999;
  font-size: 12px;
}
.title{
  margin-left: 20px;
  margin-right: 30px;
}
img{
  vertical-align: middle
}
</style>